<!DOCTYPE html>
<html>
<head>
<title>${title!''}</title>
<style>
h1{
	font-size:40px;	
	font-family:"Microsoft Yahei";
	font-weight:bold;
}
.wraaper{
	display:block;
	width: 180px;
	height: 280px;	
	display: inline;
	background: #FFF000;
	float: left;
	margin: 20px;
	border-radius: 20px;	
	font-family:Mircosoft Yahei;
}
.pmdate{
	font-size:12px;
	margin-left: 20px;
}
.wraaper .station {	
	display:block;
	background: #11FF00;		
	width: 180px;
	height: 180px;	
	padding-bottom:0;
	text-align: center;	
	position:relative;	
}
.wraaper:hover {
	cursor: pointer;
}
.wraaper span{
	line-height: 20px;
}
.progress{
	position:absolute;	
	width:inherit;	
	background:green;
	bottom: 0;	
	color: white;
	line-height: 40px;		
}
.progressspan{
	position:absolute;	
	color:red;
	top:-30px;	
	left:15px;
}

</style>
</head>
<h1 align="center">重庆市轨道交通环线工程项目建设进度看板</h1>
<!--<#if stations??>
<#list stations as station>
<div class="wraaper">
	<h2 align="center">${station.text}</h2>
	<span class="pmdate">开工时间： ${(station.start_date)!''}</span><br>
	<span class="pmdate">预计完工时间： ${(station.end_date)!''}	</span>	
	<div class="station" onclick="showStationDetail(${(station.id)!'99'},${(station.progress)!'0'});">		
		<div class="progress" style="height: ${(station.progress*180)!'0'}px;">
		<#if !station.progress??||(station.progress) < 0.2>
		<span class="progressspan">施工形象进度：${(station.progress*100)!'0'}%</span></div>
		<#else>
			<span>施工形象进度：${(station.progress*100)!'0'}%</span>
			</div>
		</#if>	
	</div>
</div>
</#list> <#else> 请加入车站 </#if>
 -->
<iframe src="${ctx}/gantt/allstation" style="float:left;width: 1900px; height: 550px;border: none" id="ifrmid"></iframe>

</body>
<script type="text/javascript">
function showStationDetail(urlpara,progress){
	if(progress>0){
		window.open("${ctx}/gantt/stationboard?station_id="+urlpara,"_blank")	
		
	}else{
		alert("没有开工，暂无详细进度！请查看其他站点!");
		return;
	}	
}
setTimeout('window.location.reload();',100000);
</script>
</html>